<template>
  <div id="app">
    <!-- <we-input placeholder="请输入用户名" type="password" name="username" disabled="true"></we-input>
    <we-input placeholder="请输入用户名" type="password" name="username"></we-input> -->
    <!-- <we-input type="text" v-model="username" clearable ></we-input>
    <we-input type="password" v-model="username" show-password></we-input> -->
    <!-- <we-switch v-model="active"></we-switch>
    <we-switch v-model="active" active-color="red" inactive-color="#234241" name="username"></we-switch> -->

    <!-- <we-radio label="1" v-model="gender">男</we-radio>
    <we-radio label="0" v-model="gender">女</we-radio> 
    <we-radio label="1" v-model="gender"></we-radio>
    <we-radio label="0" v-model="gender"></we-radio>  -->

    <!-- <we-radio-group v-model="gender"> 
      <we-radio label="1">男</we-radio>
      <we-radio label="0">女</we-radio> 
    </we-radio-group> -->

    <!-- <we-checkbox v-model="active">是否选中</we-checkbox>

    <we-checkbox-group v-model="hobby">
      <we-checkbox label="吃饭"></we-checkbox>
      <we-checkbox label="睡觉"></we-checkbox>
      <we-checkbox label="洗碗"></we-checkbox>
    </we-checkbox-group> -->


    <we-form :model="model">
      <we-form-item label="用户名" label-width="100px">
        <we-input placeholder="请输入用户名" v-model="model.username"></we-input>
      </we-form-item>
      <we-form-item label="选择">
        <we-switch v-model="model.active"></we-switch>
      </we-form-item>
    </we-form>

  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      // username: 'zs',
      // active: false,
      // gender: '1',
      // hobby:['吃饭','睡觉','洗碗']
      model: {
        username:'',
        active: true
      }
    }
  },
  
}
</script>

<style lang="scss" scoped>
  #app {
    .we-input {
      width: 200px;
  }
  }
</style>
